@charset "utf-8";
/* CSS Document */
/* Author: Feil.Wang*/
/* Date: 2012.6 */
html, body { height:100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, blockquote, th, td, p { margin:0; padding:0; }
body { color:#333; font-family:Simsun, Arial, Verdana, Helvetica, sans-serif; font-size:12px;}
fieldset, img { border:0; }
address, button, caption, cite, code, dfn, em, i, input, optgroup, option, select, strong, textarea, th, var { font-style:normal; font-weight:normal; outline:none; }
ul { list-style:none; }
li { }
A { COLOR: #000; text-decoration:none; }
A:hover { /*text-decoration:underline; */ }
A.red, .red { color:#f00; }
.green { color:#1572ff; }
.white { color:#fff; }
.pink { color:#ff00c6; }
A.red:hover { color:#c00; text-decoration:underline; }
.fl { float:left; }
.fr { float:right; }
.f_12 { font-size:12px; }
.f_14 { font-size:14px; }
.f_16 { font-size:16px; }
.c_0{ color:#000000;}
.c_1{ color:#0000FF;}
.c_2{ color:#FF6600;}
.c_3{ color:#CC0099;}
.c_4{ color:#FF0000;}
.clear { width:100%; clear:both; font-size:0px; height:0px; line-height:0px; overflow:hidden; }
.clearfix:after { clear:both; display:block; content:" "; height:0; }
.mWeb { position:relative; background-color:#cde4fa; }
.topti, .topti .t_l, .topti .t_r, .web_l_t, .web_l_t .t_l, .web_l_t .t_r, .video_btm li, .a_line, .chat_area_t { background:url(../images/titbg.png); }
.topti { height:27px; position:relative; line-height:27px; color:#154688; }
.topti .t_l, .topti .t_r { height:27px; width:5px; display:block; position:absolute; top:0; background-repeat:no-repeat; }
.topti .t_l { left:0; background-position:left -27px; }
.topti .t_r { right:0; _right:-1px; background-position:right -54px; }
.welcome, .r_name { padding-left:15px; font-weight:bold; font-size:14px; }
.dl_client, .reg_login { background:url(../images/t_btn.png); display:block; height:19px; line-height:19px; font-size:12px; position:absolute; top:4px; }
.dl_client { width:89px; text-indent:20px; right:85px; }
.reg_login { background-position:left -19px; right:10px; width:65px; text-align:center; }
.web_l { padding-top:3px; margin-right:195px; _margin-right:196px; width:auto;}
.web_r { border-bottom: 1px solid #2B87CD; border-right: 1px solid #2B87CD; height: 993px; padding: 3px 1px 0 2px; position: absolute;  right: 0; top: 27px; width: 191px; }
.web_l_m { border:1px solid #2b87cd; border-top:none; }
.v_win { }
.web_l_t, .web_l_t .t_l, .web_l_t .t_r { height:35px; line-height:35px; }
.web_l_t { background-position:left -81px; position:relative; font-size:14px; }
.web_l_t .t_l { background-position:left -116px; width:5px; position:absolute; top:0; left:0px; background-repeat:no-repeat; }
.web_l_t .t_r { background-position:right -151px; width:5px; position:absolute; top:0; right:0px; _right:-1px; background-repeat:no-repeat; }
.web_l_t p{ background:url(../images/icon-msg.png) no-repeat 30px 8px; padding-left:60px;}
.web_l_t .red{ font-size:18px;}
.video_wrap { background:url(../images/v_bg.jpg) repeat-x; height:224px;}
.video_area { width:802px; height:224px; margin:0 auto;}
.video_main{ border:1px solid #2b87cd; height:194px; padding:1px;}
.video_btm{width: 802px;height:25px; line-height:25px; z-index:99;}
.video_btm li{ border:1px solid #2b87cd; border-top:none; width:266px; background-position:left -186px; float:left;}
.video_btm li span{padding-left:10px; font-size:12px; float:left;}
.video_btm li div.fr{ width:95px;} 
li.video_btm_1,li.video_btm_2{border-right:none;}
.mic_a, .ctrl_a, .more_a { display:block; background:url(../images/v_btn.png) no-repeat; height:20px; line-height:20px; font-size:12px; text-align:center; float:left; margin:2px 7px 0 0; _display:inline; }
.mic_a { background-position:left -20px; width:26px; right:60px; }
.ctrl_a { background-position:left top; width:32px; right:24px; }
.more_a { background-position:right bottom; width:14px; height:19px; right:6px; top:4px; }
.video_more{position: absolute; background:#F2F2F2; border: 1px solid #666;  left:257px; top:2px; white-space:nowrap;line-height:18px;}
.video_more dd{ padding:3px;}
.video_more dd a{ display:block; padding:1px 10px;}
.video_more dd a:hover{ background-color:#AAD2F3; color:#fff;}
.lb_web { position:relative; width:100%; height:734px; }
.lb_web_left { position:absolute; left:-1px; top:-1px; width:228px; border:1px solid #2b87cd; }
.lb_web_right { margin-left:229px; }

.ctrl_area { height:103px; border-bottom:1px solid #2b87cd; background-color:#cde4fa}
.media_ctrl{ padding:8px 3px; overflow:hidden; *zoom:1;}
.mic_setting,.sound_setting{ float:left; display:block;height:16px; width:16px; background:url(../images/icon-mic-sound.png) 0 0 no-repeat; }
.sound_setting{ background-position:0 -16px; }
.ctrl_serve a{ float:left; background:url(../images/m-btn.png) left -192px; display:block; width:91px; height:28px; line-height:28px; text-align:center; margin:5px 0 0 16px; _display:inline;}
.ctrl_serve a:hover{ background-position:-91px -192px;}
.ctrl_serve a.out_mic{ background-position:left -220px; color:#fff;}
.ctrl_serve a.out_mic:hover{ background-position:-91px -220px; color:#fff;}
.msg_win_1 { padding:5px; height:38px; border-bottom:1px solid #2b87cd; background-color:#fff; position:relative;}
.msg_win_2 { border-bottom:1px solid #2b87cd; height:477px; background-color:#fff; line-height:22px; }
.msg_win_3 { height:103px; background-color:#fff; }
.arena { height:240px; }
.a_line { height:8px; background-position:left -210px; font-size:0; }
.msg_win_4 { height:382px; background-color:#fff; line-height:22px; }
.chat_area { height:103px; border-top:1px solid #2b87cd; }
.roomNotice { padding:5px; line-height:22px; }
.chat_area_t { background-position:left -218px; height:27px; line-height:27px; position:relative;}
.select_user, .pillow_talk { float:left; padding-left:15px; _padding-top:2px; }
.select_user select { vertical-align:middle; margin-bottom:2px; width:90px; }
.pillow_talk { }
.pillow_talk input { vertical-align:middle; margin:0 3px 3px 0; }
.face_btn, .face_btn:hover, .font_btn, .font_btn:hover, .function_menu, .function_menu:hover, .choose_net, .choose_net:hover, .accompany, .accompany:hover, .share_btn, .share_btn:hover, .send_msg_btn, .send_msg_btn:hover, .apply_sing, .apply_sing:hover, .media_setting, .media_setting:hover,.send_gift_btn,.send_gift_btn:hover{ background:url(../images/m-btn.png) no-repeat; float:left; cursor:pointer; text-indent:-99999px; overflow:hidden; margin:3px 0 0 10px; }
.face_btn { width:20px; height:20px; background-position:right top; }
.face_btn:hover { width:20px; height:20px; background-position:-160px top; }
.font_btn { width:19px; height:20px; background-position:right -20px; }
.font_btn:hover { width:19px; height:20px; background-position:-162px -20px; }
.function_menu { width:57px; height:21px; background-position:left -117px; }
.function_menu:hover { width:57px; height:21px; background-position:left -138px; }
.choose_net { width:57px; height:21px; background-position:-57px -117px; }
.choose_net:hover { width:57px; height:21px; background-position:-57px -138px; }
.accompany { width:43px; height:21px; background-position:-114px -117px; }
.accompany:hover { width:43px; height:21px; background-position:-114px -138px; }
.share_btn { width:43px; height:21px; background-position:-157px -117px; }
.share_btn:hover { width:43px; height:21px; background-position:-157px -138px; }
.chat_area_b { position:relative; padding:5px; height:66px; }
.chat_area_b_left { margin-right:125px; height:64px; border:1px solid #2b87cd; background-color:#fff; position:relative; }
.chat_area_b_right { width:125px; position:absolute; right:0; top:0; height:76px; }
.textarea { height:54px; padding:5px; position:absolute; }
.chat_textarea { width:100%; border:0; height:54px; resize:none; overflow-y:auto; }
.send_area { width:75px; position:absolute; top:0px; right:0px; height:64px; text-align:center; }
.send_msg_btn { width:65px; height:50px; background-position:left top; margin:7px 0 0 2px; border:0;}
.send_msg_btn:hover { width:65px; height:50px; background-position:-65px top; margin:7px 0 0 2px; }
.apply_sing{ width:100px; height:34px; background-position:left -50px;margin:4px 0 0 11px; }
.apply_sing:hover{ width:100px; height:34px; background-position:-100px -50px;margin:4px 0 0 11px; }
.media_setting{ width:100px; height:33px; background-position:left -84px;margin:2px 0 0 11px; }
.media_setting:hover{ width:100px; height:33px; background-position:-100px -84px;margin:2px 0 0 11px; }
/*right div*/
.mic_list_ti span,.u_list_tabs li span,.gift_tabs li span{ background:url(../images/tabsbg.png) no-repeat;}
.mic_list_ti{ width:81px; height:22px; line-height:22px; text-align:center; font-weight:normal; color:#154688; font-size:12px; position:relative;margin-left:3px; }
.mic_list_ti span{ display:block;width:81px; height:22px; position:absolute; bottom:-1px; left:0; }
.mic_suspend,.more_msg{ background:url(../images/m-btn.png) no-repeat left -248px; display:block; width:61px; height:19px; line-height:20px; text-align:center; position:absolute; left:123px; top:1px;}
.mic_suspend:hover{ background-position:-61px -248px;}
.more_msg{ background-position:-122px -248px; width:36px; left:188px; top:25px;}
.more_msg:hover{background-position:-158px -248px;}
.mic_list{ border:1px solid #2b87cd; background-color:#fff; padding:5px 0;}
.mic_list li{ height:14px; padding:4px 0;}
.mic_list li.current{ background-color:#AAD2F3;}
.user_list_wrap{ margin-top:3px;}
.u_list_tabs{height:20px;}
.u_list_tabs li{ float:left; margin-left:3px; width:81px; height:20px; line-height:20px; text-align:center; position:relative; _display:inline;}
.u_list_tabs li span{ display:block; width:81px; height:20px; background-position:left -42px; cursor:pointer; position:absolute; bottom:-1px; left:0;}
.u_list_tabs li.current span{background-position:left -22px;}
.user-list_area{ background-color:#fff; border:1px solid #2b87cd; height: 510px; overflow-y:auto;}
.user-list_area li.current{background-color:#AAD2F3;}
.user-search{background:url(../images/m-btn.png) no-repeat -178px -159px; height:20px; line-height:20px; padding-left:25px; margin:10px 5px;}
.user-search input{ width:105px; height:18px; border:1px solid #7189b5; margin-left:5px; vertical-align:middle;margin-bottom: 3px;}
.user_list,.admin_list{ padding-bottom:5px;}
.user_list li,.admin_list li{ height:14px; padding:4px 0;}
/*等级与身份图标*/
.super-admin,.master,.vice-master,.admin,.mic-admin,.agency,.singer,.vip-member,.rich-man,.high-member,.temp-member,.middle-member,.common-member,.diamond_purple,.diamond_green{ display:block; background:url(../images/icon_1.png) no-repeat; height:14px; width:14px; text-indent:-9999px; overflow:hidden; float:left; margin-left:5px;}
.super-admin{ background-position:left 0;}
.master{background-position:left -15px;}
.vice-master{background-position:left -30px;}
.admin{background-position:left -45px;}
.mic-admin{background-position:left -60px;}
.singer{background-position:left -75px;}
.agency{background-position:left -105px;}
.vip-member{background-position:left -225px;}
.rich-man{background-position:left -120px;}
.high-member{background-position:left -135px;}
.temp-member{background-position:left -90px;}
.middle-member{background-position:left -150px;}
.common-member{background-position:left -180px;}
.diamond_purple{background-position:left -255px;}
.diamond_green{background-position:left -285px;}

.order{padding:0 5px 0 10px;}
.s_head{ float:left; padding-left:5px;}
.s_head img{ width:14px; height:14px;}
.list_u_name{padding-left:10px; float:left; width:80px; _width:78px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}

.camera,.camera_close,.micphone,.micphone_close,.sound,.sound_close{ display:block; background:url(../images/icon_2.png); height:14px; width:14px; text-indent:-9999px; overflow:hidden; float:left; margin-left:5px;}
.camera{ background-position:left 0;}
.camera_close{ background-position:left -14px;}
.micphone{ background-position:left -28px;}
.micphone_close{ background-position:left -42px;}
.sound{ background-position:left -56px;}
.sound_close{ background-position:left -70px;}

.blue_bg{ background-color:#dfedf8;}

/*礼物*/
.gift_wrap{ margin-top:3px;}
.gift_tabs{ height:21px;}
.gift_tabs li{ float:left; height:21px; width:44px; text-align:center; position:relative;margin-left:3px; _display:inline;}
.gift_tabs li span{ display:block; background-position:left -62px; width:44px; height:21px; line-height:21px; position:absolute; bottom:-1px; _bottom:-2px; left:0; cursor:pointer;}
.gift_tabs li.current span{background-position:left -83px;}
.gift-list_area{background-color:#fff; border:1px solid #2b87cd; padding:10px 0 10px 2px;}
.gift_list { overflow:hidden; *zoom:1;}
.gift_list li{ float:left; text-align:center; width:37px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gift_list li a{ display:block;width:35px; border:1px solid #fff;}
.gift_list li a:hover{ border:1px solid #2B87CD;}
.gift_list li img{ width:35px; height:35px;}

.r_btm_area{ padding:10px 3px 0; overflow:hidden; *zoom:1;}
.gift_to{ height:24px;}
.r_btm_left{ float:left; width:100px;}
.r_btm_right{ float:left;}
.send_gift_btn{ background-position:left -159px; display:block; height:33px; width:81px; margin:10px 0 0 0;}
.send_gift_btn:hover{ background-position:-81px -159px; margin:10px 0 0 0;}
.r_btm_right p{ height:20px; line-height:20px; padding:2px 0;}
.gift_quantity{ position:relative; height:22px; margin-top:5px;}
.gift_select{ position:absolute;top:-3px; _top:-5px;left:40px;width:50px; height:18px;_height:20px; border:1px solid #7f9db9; overflow:hidden; clip:rect(0 51px 22px 30px);}
.gift_select select{ width:50px; margin-top:-1px; height:20px;}
.gift_input{ position:absolute; top:-3px; _top:-5px; left:40px;width:30px; height:18px; _height:20px; overflow:hidden; border:1px solid #7f9db9; border-right:0; }
.gift_input input{ width:30px; height:18px;_height:20px; border:0; *margin-top:-1px}
/*表情*/
#phizDiv { display:none; width:422px; position:absolute; bottom:24px; left:206px; *left:213px; border:1px solid #7f9db9; background-color:#FFF; z-index:101; padding:2px 2px 4px; }
#phizDiv ul { overflow:hidden;*zoom:1; }
#phizDiv ul li { float:left; width:26px; height:26px; padding:2px 0 0 2px;}
#phizDiv ul li a{ display:block;width:24px; height:24px; border:1px dashed #dddddd; _font-size:0px;}
#phizDiv ul li a:hover { border:1px dashed #FF3262;  }
#phizDiv ul li img{ width:24px; height:24px; font:0;}